<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/shoppingcart.css"/>
		<link rel="stylesheet" type="text/css" href="/libs/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		<header></header>
		<div class="shoppingcon">
			<div class="shoppingcon-main">
				<div class="shoppingcon-main-shoppingtitle">
					<h2>购物袋</h2>
				</div>
				<!-- //购物车列表 -->
				<div class="chartlist" id="cartlist">
					<!-- 表格标题 -->
					<div class="shoppingcon-main-listtitle">
						<ul>
							<li>名称</li>
							<li>价格</li>
							<li>数量</li>
							<li>小计</li>
							<li>操作</li>
						</ul>
					</div>
					<!-- 列表 -->
					<div class="shoppingcon-main-shoplist" id="shoplist">
						
					</div>
					<script type="text/html" id="shoplistTemlate">
						{{each cart shop}}
						<ul data-id="{{shop.id}}">
							<li><input type="checkbox" name=""class="checks" id="" value="" {{shop.check?'checked':''}}/><span><img src="{{shop.photo[0].url}}" ></span><p{{shop.title}}</p></li>
							<li>￥{{shop.price}}</li>
							<li>
								<input type="text" name="" id="" value="{{shop.count}}" class="amount"/>
								<div class="amountbtn">
									<button type="button"class="amountup">+</button>
									<button type="button"class="amountdownn">-</button>
								</div>
							</li>
							<li>￥{{(shop.price*shop.count).toFixed(2)}}</li>
							<li><button type="button" id="delbtn" class="delbtn"><i  class="iconfont icon-lajixiang" id="del"></i></button></li>
						</ul>
						{{/each}}
					</script>
					<!-- 结算 -->
					<div class="shoppingcon-main-closeamount">
						<div class="shoppingcon-main-closeamount-selectleft">
							<input type="checkbox" name="" id="" value="" id="allcheck"/><p>全选</p>
						</div>
						<div class="shoppingcon-main-closeamount-selectright">
							<ul>
								<li>商品总金额<b>￥</b><e id="orgmoney">5980.00</e></li>
								<li>优惠金额<b>￥</b><e id="discount">5000</e></li>
								<li>应付金额<b>￥</b><i id="paymoney">5980.00</i></li>
								<li><a href="">继续购物</a><span>结算清单</span></li>
							</ul>
						</div>
					</div>
				</div>
				<!-- //没有添加购物车的页面 -->
				<div id="uncartlist">
					<div class="uncarmain">
						<i  class="iconfont icon-Bag"></i>
						<p>亲！您的购物车空空哦~<a href="#">继续购物</a></p>
					</div>
				</div>
			</div>
		</div>
		
		<footer></footer>
		<script src="/libs/require.js" data-main='/js/shoppingcart'type="text/javascript" charset="utf-8"></script>
	</body>
</html>
